<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>

<c:set var="path" value="${pageContext.request.contextPath}"/>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

	<style type="text/css">
		.round {
		   padding:10px; width:300px; height:50px;
		   border: 0px solid #dedede;
		   -moz-border-radius: 5px;      /* Gecko browsers */
		   -webkit-border-radius: 5px;   /* Webkit browsers */
		   border-radius:5px;            /* W3C syntax */
		}
		#imghead2{
    		width:50px; 
	        height:50px; 
	        border-radius:200px; 
    	}
	</style>
	<style>  
.loadingWrap{  
    position:fixed;  
    top:0;  
    left:0;  
    width:100%;  
    height:100%;  
    z-index:300;  
    background-image:url(csh/image/loading.gif);  
    background-repeat:no-repeat;  
    background-position:center center;  
    background-color:#000;  
    background-color:rgba(0,0,0,0.5);  
    filter:alpha(opacity=50);  
}  
</style> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录界面</title>




	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

</head>
<body>
<div class="container-fluid">
 	<div class="row">
	<table border="0px solid red" width="100%" height="100%">
			<tr height="8%" >
 			<td style="width: 50px;background-color:#373a3b;" align="center" ><img alt="" src="img/2006707973.jpg" style="width: 30px;height: 20px"></td>
 			<td style="width: 950px; background-color:#373a3b; color: white;" align="center">e安全（人脸识别门禁）</td>
 			</tr>
     		<tr height="15%">
     			<td colspan="2" align="center"><img alt="" src="img/1204650566.jpg" style="width: 100%"></td>
     		</tr>
     		<tr height="5%">
     			<td colspan="2" align="center">
     				 	
     			</td>

     		</tr>
     		<tr height="15%">
     			<td colspan="2" align="center">
     				 	<span style=" color: 42b2e4">再无丢卡忘带卡烦恼</span></br>
     				 	<span style=" color: 42b2e4">刷脸开门更便捷</span>		
     			</td>

     		</tr>
     		<tr height="35%">
     			<td colspan="2" align="center">
     				 	<img alt="" src="img/1266476986.jpg" style="width: 480px;height: 480px">
     			</td>
     		</tr>
     		<tr height="32%">
     			<td colspan="2" align="center">
     				 	
     			</td>
     		</tr>
	</table>
 		<!-- <div class="col-sm-12" style="height:140px;width: 100%;padding: 0;background-color: #333B46" >	
 		<table style="height: 100%">
 			<tr>
 			<td style="width: 150px" align="center"><img alt="" src="img/2006707973.jpg" style="width: 35px"></td>
 			<td style="width: 800px;" align="center"><span style="font-size: 55px;color: #ffffff;">e安全（人脸识别门禁）</span></td>
 			</tr>
 		</table>	
 		</div>
 		<div class="col-sm-12" style="height: 20%">
 		<table>
 			<tr>
 				<td>
 				<img alt="" src="img/1204650566.jpg" style="width:995;height: 400px">
 				</td>
 			</tr>
 		</table>
 		</div>
 		<div class="col-sm-12" style="height:140px;width:100%;padding: 0;background-color: #f2f3f4" >
 		</div>
 		<div class="col-sm-12" style="height:240px;width:100%;padding: 0;background-color: #f2f3f4" align="center" >
 		<span style="font-size: 60px; color: 42b2e4">再无丢卡忘带卡烦恼</span><br>
 		<span>&nbsp;</span><br>
 		<span style="font-size: 60px;	color: 42b2e4">刷脸开门更便捷</span>
 		</div>
 		<div class="col-sm-12" style="height: 500px;width: 100%;padding: 0" align="center">
 		<br>
 		<img alt="" src="img/1266476986.jpg" style="width: 480px;height: 480px">
 		</div> -->
 		</div>
 	</div>
  </body>
</html>
